
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>山东大学(威海)论坛手机端</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="https://cdn.bootcss.com/Swiper/4.0.6/css/swiper.min.css" rel="stylesheet">
    <link href="https://www.maksdu.com/static/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script src="https://www.maksdu.com/static/component/footer.js"></script>
	<script src="https://www.maksdu.com/static/component/header.js"></script>
	<style>      
        .swiper-slide{font-size: 14px; }
        .swiper-auto {text-align: center;}
        .topmenu .menu-slide-active{border-bottom: 2px solid #44c7fb; }

        .topmenu{height: 40px;background-color: white; padding: 0 10px;line-height: 35px;}
        .topmenu .swiper-container{ bottom: 0px !important;}
    </style>
</head>
<body>
<!--

* 17素材vip建站专区模块代码
* 详尽信息请看官网：http://www.17sucai.com/pins/vip
*
* Copyright , 温州易站网络科技有限公司版权所有
*
* 请尊重原创，未经允许请勿转载。
* 在保留版权的前提下可应用于个人或商业用途

-->
<div id="main">
<section class="aui-flexView">
	<vheader :header-data="headerData"></vheader>
	<section class="aui-scrollView">
		<div class="aui-menu" id="newbox" style="display: none;">
			<div class="title">新建
				<i class="fa fa-close fa-fw close" @click="menuclose"></i>
			</div>
			<ul>
				<li><a :href="'doc/write.html?typeid='+currentType">随便说说</a></li>
				<li><a href="#">创建活动</a></li>
				<li><a href="#">创建空间</a></li>
			</ul>
		</div>	
		<category :prepare="menus"></category>
		
		<div class="divHeight"></div>
	<!-- 	<div class="swiper-container-body">
			<div class="swiper-wrapper">
				<div class="swiper-slide" v-for="item in menus"> -->
		<lunbo :lunbos="lunbos"></lunbo>
						<!-- <div class="aui-palace" >
							<a href="#" class="aui-palace-grid" v-for="(item,index) in menus">
								<div class="aui-palace-grid-icon">
									<img :src="'images/icon-head-0'+(index+1)+'.png'" alt="">
								</div>
								<div class="aui-palace-grid-text">
									<h2 id="nav_1">{{ item.categoryName }}</h2>
								</div>
							</a>
						</div> -->
						

		<div class="divHeight"></div>
		<div class="aui-flex b-line" style="width: 92%;margin: 0 auto; padding: 15px 0px;">
			<div class="aui-flex-box">
				<h2>精选专区</h2>
			</div>
			<div class="aui-arrow dropmenu" @click="menuclick">
				<span>更多</span>
			</div>
		</div>
		<div class="aui-platform-list" v-if="viewposts.length>0">
			<div v-for="(item,index) in viewposts" style="width: 92%;margin: 0 auto; " >
				<a :href="'doc/view.html?id='+item.id" class="b-line" >
					<div class="aui-list-header">
						<div class="aui-user-msg">
							<div class="aui-user-avator"><img :src="item.baseMsg.user.avator"/></div>
							<div class="aui-user-text">
								<div class="aui-user-nickName">{{item.baseMsg.user.author}}</div>
								<div class="aui-user-date" v-text="dateFormatter(item.baseMsg.info.createTime)"></div>
							</div>
						</div>
					</div>
					<div class="aui-list-title">
						<h2 v-html="item.baseMsg.info.title"></h2>
					</div>
					<div class="aui-flex" style="padding: 15px 0px;">
						<div class="aui-flex-box">
							<!-- <h3 v-html="item.pretext"></h3> -->
							<h4><em><i class="fa fa-commenting fa-fw"></i>&nbsp;回复: {{ item.baseMsg.counter.replynum }}</em><em><i class="fa fa-thumbs-o-up fa-fw"></i>&nbsp;点赞: {{ item.baseMsg.counter.goodnum }}</em></h4>
						</div>
						<!-- <div class="aui-plat-img">
							<img :src="'images/ad-00'+(index%7+1)+'.png'" alt="">
						</div> -->
					</div>
				</a>
			</div>
		</div>
		<div v-if="sharedState.loader == 0">
			<div class="aui-platform-list" v-if="viewposts.length <= 0">
				<div style="width: 92%;margin: 0 auto; font-size: 12px; text-align: center; margin-top: 50px;">当前版块还没有任何帖子</div>
			</div>
		</div>
		<div v-else>
			<div class="aui-platform-list" v-if="viewposts.length <= 0">
				<div style="width: 92%;margin: 0 auto; font-size: 12px; text-align: center; margin-top: 50px;"><i class="fa fa-spinner fa-pulse"></i>&nbsp;加载中...</div>
			</div>
		</div>
<!-- 					</div>
				</div>
			</div> -->

		<div style="height:52px;"></div>

	</section>
	<vfooter index="home"></vfooter>
</section>
</div>
</body>
<script type="text/javascript" src="https://cdn.bootcss.com/Swiper/4.0.6/js/swiper.min.js"></script>
<script type="text/javascript" src="https://www.maksdu.com/static/js/base.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="js/data.js"></script>
<script type="text/javascript" src="js/index.js"></script>

</html>
